<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

<style>
    *{
        margin:0px;
        padding:0px;
    }
    body{
        background:#efefef;
    }
.top{
  display:flex;
  justify-content: space-between;
  align-items: center;
  width:100%;
  background:#efefef;
}
.weixin{
 margin:10px;
 font-weight:bold;
 font-size:18px;
}
.right{
 margin:10px;

}

    .nickname{
        font-size:20px;
        font-weight:bold;
        margin-bottom:20px;
		font-weight:bold;
        width:50px;
    }
   
    .list_item{
        display:flex;
        justify-content: space-between;
        align-items: center;
        background:white;
        padding:10px;
        position:relative;
    }
    .pictxt{
        display: flex;
        align-items: center;
    }
    .pictxt img{
        margin-left:10px;
    }
    .list .txt{
        margin-left:20px;
    }

    .line{
        width:80%;
        height:0.5px;
        background:#efefef;
        position:absolute;
        right:0px;
        bottom:0px;
    }
    .list{
        margin-top:10px;
        margin-bottom:10px;
    }
	.list1{
        
        margin-bottom:10px;
    }
	.list1 .txt{
        margin-left:20px;
    }
    .tabbar{
        position:fixed;
        width:100%;
        left:0px;
        bottom:0px;
        display:flex;background:white;padding-top:5px;}
    .tab{ padding-bottom:5px;width:25%;font-size:12px;text-align: center;
        position:relative}
    .txt{margin-top:2px;
	margin-right:20px;
	}
    .notice{
        position:absolute;
        left:52%;top:-3px;
        width:14px;height:14px;
        line-height:14px;text-align: center;
        font-size:8px;background:red;
        color:white;
        border-radius: 50%;
    }
	.LJ{
		color:black;
	}

</style>

<div class="all">
    <!-- 页面头部 -->
<div class="top">
  <div class="weixin">发现</div>
  <div class="right">
    <img  src="FDJ.png"  width="18"/>
    <img  src="GD.png"  width="18"/>
  </div>
</div>
    <!-- /页面头部 -->

    <!-- 页面列表 -->
    <div class="item_list">
        <div class="list1">
		<a class="LJ" href="pyquan.html" style="text-decoration:none">
            <div class="list_item">
                <div class="pictxt">
                    <img src="图片.png" width="30" />
                    <div class="txt">朋友圈</div>
                </div>
					<img class="yjt" src="youJT.png" width="20" />
            </div>
		</a>
        </div>

       <div class="list2 list">
            <div class="list_item">
                <div class="line"></div>
                <div class="pictxt">
                    <img src="视频号.png" width="30" />
                    <div class="txt">视频号</div>
                </div>
                <img class="yjt" src="youJT.png" width="20" />
            </div>

            <div class="list3 list">
            <div class="list_item">
                <div class="line"></div>
                <div class="pictxt">
                    <img src="扫一扫.png" width="30" />
                    <div class="txt">扫一扫</div>
                </div>
                <img class="yjt" src="youJT.png" width="20" />
            </div>
            <div class="list_item">
                <div class="line"></div>
                <div class="pictxt">
                    <img src="摇一摇.png" width="30" />
                    <div class="txt">摇一摇</div>
                </div>
                <img class="yjt" src="youJT.png" width="20" />
            </div>

            <div class="list4 list">
            <div class="list_item">
                <div class="line"></div>
                <div class="pictxt">
                    <img src="看一看.png" width="30" />
                    <div class="txt">看一看</div>
                </div>
                <img class="yjt" src="youJT.png" width="20" />
            </div>
            <div class="list_item">
                <div class="line"></div>
                <div class="pictxt">
                    <img src="搜一搜.png" width="30" />
                    <div class="txt">搜一搜</div>
                </div>
                <img class="yjt" src="youJT.png" width="20" />
            </div>

        <div class="list5 list">
            <div class="list_item">
               <div class="line"></div>
                <div class="pictxt">
                    <img src="购物.png" width="30" />
                    <div class="txt">购物</div>
                </div>
                <img class="yjt" src="youJT.png" width="20" />
            </div>
                <div class="list_item">
                    <div class="line"></div>
                <div class="pictxt">
                    <img src="游戏.png" width="30" />
                    <div class="txt">游戏</div>
                </div>
                <img class="yjt" src="youJT.png" width="20" />
            </div>
        </div>
    </div>
    <!-- /页面列表 -->

    <!-- 底部导航 -->
<div class="tabbar">
	
	<div class="tab">
		<a class="LJ" href="index.html" style="text-decoration:none">
			<img width="24px" src="微信.png"  />
			<div class="txt">微信</div>
			<div class="notice">5</div>
		</a>
	</div>
	
	
	<div class="tab">
		<a class="LJ" href="2.html" style="text-decoration:none">
			<img width="24px" src="通讯录.png" />
			<div class="txt">通讯录</div>
		</a>
	</div>
	
	<div class="tab">
		<img width="24px" src="发 现2.png" />
		<div class="txt">发现</div>
	</div>
	
	<div class="tab">
		<a class="LJ" href="4.html" style="text-decoration:none">
			<img width="24px" src="我.png" />
			<div class="txt">我</div>
		</a>
	</div>
	
</div>
    <!-- /底部导航 -->
</div>
